<template>
  <!-- 页面全局配置 -->
  <view class="pageconfig" >
    <!--vuetop-->
    <view   class="flex1   response  flex flex-wrap  ">
        <view class="putong2     ">
        <view class="cu-list menu"  >
        <view class="cu-item arrow" style="background-color: unset;">
        <view class="content">
        <text class="text-left    ">2024-05-16</text>
        </view>
        </view>
        </view>
        </view>
        <view   class="flex3   response  flex flex-wrap  ">
        <view   class="flex4    flex  justify-center ">
        <text  class="text5 "> 155.21亿</text>
        <text  class="text6 text-gray "> 幸运流水</text>
        </view>
        <view   class="flex7    flex  justify-center ">
        <text  class="text8 "> 155.21亿</text>
        <text  class="text9 text-gray "> 幸运流水</text>
        </view>
        <view   class="flex10    flex  justify-center ">
        <text  class="text11 "> 155.21亿</text>
        <text  class="text12 text-gray "> 幸运流水</text>
        </view>
        <view   class="flex13    flex  justify-center ">
        <text  class="text14 "> 155.21亿</text>
        <text  class="text15 text-gray "> 幸运流水</text>
        </view>
        </view>
        <view   class="flex16   response  flex flex-wrap justify-between ">
        <view   class="flex17    flex flex-wrap justify-start ">
        <image     mode="widthFix"  class="picture18 " :src="picsrc18"></image>
        <text  class="text19 "> 达标奖励收入</text>
        </view>
        <text  class="text20 "> 155.21亿</text>
        </view>
        <view   class="flex21   response  flex flex-wrap justify-between ">
        <view   class="flex22    flex flex-wrap justify-start ">
        <image     mode="widthFix"  class="picture23 " :src="picsrc23"></image>
        <text  class="text24 "> 达标奖励收入</text>
        </view>
        <text  class="text25 "> 155.21亿</text>
        </view>
        </view>
        
    <!--vuebottom-->
  </view>
</template>

<script>


import Vue from 'vue'
export default {
  data() {
    return {
 picsrc18:"https://php.diyhey.com//uploads/store/comment/20240627/3872c66df22b74ebe3cc2897b49b8269.png",
picsrc23:"https://php.diyhey.com//uploads/store/comment/20240627/aafeed4b0ecf42c4848675c3139797db.png",


 

    };
  },
  onLoad() {

    
   },
  
  
  
  
  
  
  
  methods:{


    /**
     *          $vuetag = "";
     *          $vuecss = "";
     *          $vuejs = "";
     *
     */
    
    //获取数据

  }
}
</script>

<style lang="less">


/**
 *
 此处必须引用colorui样式,并放入根目录，css样式可以这样写
	@import "colorui/main.css";
	@import "colorui/icon.css";

 如需要引用colorui到全局，
 需要在App.vue 引入
 	@import "colorui/main.css";
	@import "colorui/icon.css";
 *
 */



 	
	/**本页全局配置的代码**/
.pageconfig 
{
		width:  100%;
		overflow:  hidden;
		overflow-y:  scroll;
height: 100vh;}



 /**pagedomcss**/


 .flex1  
{
		width: 100%;
		width:  calc(100% - 60rpx);
		margin-top: 16rpx;
		margin-bottom: 16rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		border-top-left-radius: 12rpx;
		border-top-right-radius: 12rpx;
		border-bottom-right-radius: 12rpx;
		border-bottom-left-radius: 12rpx;
		border: 2rpx solid rgba(255,216,240,1);
		align-items: flex-start;
}.putong2 
{
		width: 100%;
		background-color: rgba(245,245,245,1);
		border-top-left-radius: 12rpx;
		border-top-right-radius: 12rpx;
		border-bottom-right-radius: 0rpx;
		border-bottom-left-radius: 0rpx;
}.flex3  
{
		width: 100%;
		background-color: rgba(255,255,255,1);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		align-items: flex-start;
}.flex4  
{
		width: 50%;
		height: 120rpx;
		padding-top: 0rpx;
		padding-bottom: 0rpx;
		padding-left: 64rpx;
		padding-right: 0rpx;
		flex-direction: column;
		align-items: stretch;
}.text5  
{
		font-size: 28rpx;
		font-weight: 600;
}.text6  
{
		font-size: 24rpx;
		margin-top: 10rpx;
}.flex7  
{
		width: 50%;
		height: 120rpx;
		padding-top: 0rpx;
		padding-bottom: 0rpx;
		padding-left: 64rpx;
		padding-right: 0rpx;
		border-left: 2rpx solid rgba(255,216,240,1);
		flex-direction: column;
		align-items: stretch;
}.text8  
{
		font-size: 28rpx;
		font-weight: 600;
}.text9  
{
		font-size: 24rpx;
		margin-top: 10rpx;
}.flex10  
{
		width: 50%;
		height: 120rpx;
		padding-top: 0rpx;
		padding-bottom: 0rpx;
		padding-left: 64rpx;
		padding-right: 0rpx;
		flex-direction: column;
		align-items: stretch;
}.text11  
{
		font-size: 28rpx;
		font-weight: 600;
}.text12  
{
		font-size: 24rpx;
		margin-top: 10rpx;
}.flex13  
{
		width: 50%;
		height: 120rpx;
		padding-top: 0rpx;
		padding-bottom: 0rpx;
		padding-left: 64rpx;
		padding-right: 0rpx;
		border-left: 2rpx solid rgba(255,216,240,1);
		flex-direction: column;
		align-items: stretch;
}.text14  
{
		font-size: 28rpx;
		font-weight: 600;
}.text15  
{
		font-size: 24rpx;
		margin-top: 10rpx;
}.flex16  
{
		width: 100%;
		background-image:linear-gradient(90deg,#E4EDFF 0%,#FFF1FF 100%) ;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		border-top: 2rpx solid rgba(255,216,240,1);
		align-content: flex-start;
		align-items: flex-start;
}.flex17  
{
		flex-direction: row;
		align-content: flex-start;
		align-items: center;
}.picture18 
{
		width: 34rpx;
		overflow: hidden;
		height: 30rpx;
}.text19  
{
		font-size: 24rpx;
		margin-left: 16rpx;
		font-weight: 400;
}.text20  
{
		font-size: 28rpx;
		font-weight: 600;
}.flex21  
{
		width: 100%;
		background-image:linear-gradient(90deg,#E4EDFF 0%,#FFF1FF 100%) ;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		border-top-left-radius: 0rpx;
		border-top-right-radius: 0rpx;
		border-bottom-right-radius: 12rpx;
		border-bottom-left-radius: 12rpx;
		border-top: 2rpx solid rgba(255,216,240,1);
		align-content: flex-start;
		align-items: flex-start;
}.flex22  
{
		align-content: flex-start;
		align-items: center;
}.picture23 
{
		width: 34rpx;
		overflow: hidden;
		height: 30rpx;
}.text24  
{
		font-size: 24rpx;
		margin-left: 16rpx;
		font-weight: 400;
}.text25  
{
		font-size: 28rpx;
		font-weight: 600;
}




</style>
